<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>jQuery操作内容</title>
		<script type="text/javascript" src="../js/jquery-1.8.3.js" ></script>
	</head>
	<body>
		<span>span1</span>
		<span>span2</span>
		<span>span3</span>
		<div>div1<br/></div>
		<div>div2<br/></div>
		<div>div3<br/></div>
		
		<script>
			//获取所有span
			var $span = $("span");
			
			//获取所有div
			var $div = $("div");
			//1.获取纯文本内容
			console.log($span.text());//获取所有span中的内容
			console.log($div.text());
			//2.获取html内容
			console.log($span.html());//只能获取第一个标签体内容
			console.log($div.html());
			//3.设置纯文本内容
			$span.text("<h1>h1标题标签</h1>")
			$div.text("<h1>h1标题标签</h1>");
			//4.设置html内容
			$span.html("<h1>h1标题标签</h1>");
			$div.html("<h1>h1标题标签</h1>");
			
		</script>
		/*
		 * 获取属性值：jQuery对象.attr("属性名");
		 设置属性值:jQuery对象.attr("属性名","属性值");
		 */
		/*
		 * jQuery对象.prop("checked")；获取单选框 复选框中的状态：选中true 未选中false
		 jQuery对象。prop("selected");选中true,未选中false.
		 */
	</body>
</html>
